﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <title>Trang chủ</title>
<link rel="stylesheet" href="css/galleriffic-2.css" type="text/css" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="stylesheet" href="css/colorbox.css" type="text/css" />
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.galleriffic.js"></script>
<script type="text/javascript" src="js/jquery.opacityrollover.js"></script>
<script type="text/javascript" src="js/jquery.colorbox-min.js"></script>
<script type="text/javascript">
			document.write('<style>.noscript { display: none; }</style>');
            $(document).ready(function () {
                                $("a[rel='color']").colorbox();
                            });
</script>
<!--[if lt IE 9]>
	<link rel="stylesheet" href="css/ie8.css" type="text/css" />
<![endif]-->
<!--[if lt IE 8]>
	<link rel="stylesheet" href="css/ie.css" type="text/css" />
<![endif]-->
</head>
<body>
    <div id="wrapper">
        <div id="topNav">
            <h1 class="logo"><a href="#"><img src="images/logo.png" alt="Tranh Sơn Mài"/></a></h1>
                <div class="navBar">
                    <ul>
                        <li><a href="#" class="active">Home</a></li>
                        <li><a href="#">About Us</a></li>
                        <li><a href="#">Gallery</a></li>
                        <li><a href="#">Art Link</a></li>
                        <li><a href="#">Contact Us</a></li>
                    </ul>
                    <ol>
                        <li><a href="#">Tiếng việt</a></li>
                        <li><a href="#">English</a></li>
                    </ol>
                </div><!--End .navBar-->
        </div><!--End #topNav-->
        <div id="page">
			<div class="gallery">
                <div class="sideBar">
                    <h1>Gallery</h1>
                        <ul>
                            <li><a href="#">Lorem Ipsum is simply</a></li>
                            <li><a href="#">It is a long established</a></li>
                            <li><a href="#">There are many</a></li>
                            <li><a href="#">All Art work</a></li>
                        </ul>
                </div><!--End .sideBar-->
                <div class="main_gallery">
                    <ul>
                        <li><a rel="color"><img src="images/img1.jpg" alt="Trang sơn mài Việt Nam"/><span>Tranh sơn mài Việt Nam</span></a></li>
                        <li><a  rel="color"><img src="images/img3.jpg" alt="Trang sơn mài Việt Nam"/><span>Tranh sơn mài Việt Nam</span></a></li>
                        <li><a  rel="color"><img src="images/img4.jpg" alt="Trang sơn mài Việt Nam"/><span>Tranh sơn mài Việt Nam</span></a></li>
                        <li><a  rel="color"><img src="images/img5.jpg" alt="Trang sơn mài Việt Nam"/><span>Tranh sơn mài Việt Nam</span></a></li>
                        
                        <li><a  rel="color"><img src="images/img2.jpg" alt="Trang sơn mài Việt Nam"/><span>Tranh sơn mài Việt Nam</span></a></li>
                        <li><a  rel="color"><img src="images/img3.jpg" alt="Trang sơn mài Việt Nam"/><span>Tranh sơn mài Việt Nam</span></a></li>
                        <li><a  rel="color"><img src="images/img4.jpg" alt="Trang sơn mài Việt Nam"/><span>Tranh sơn mài Việt Nam</span></a></li>
                        <li><a  rel="color"><img src="images/img5.jpg" alt="Trang sơn mài Việt Nam"/><span>Tranh sơn mài Việt Nam</span></a></li>
                        
                        <li><a  rel="color"><img src="images/img2.jpg" alt="Trang sơn mài Việt Nam"/><span>Tranh sơn mài Việt Nam</span></a></li>
                        <li><a  rel="color"><img src="images/img3.jpg" alt="Trang sơn mài Việt Nam"/><span>Tranh sơn mài Việt Nam</span></a></li>
                        <li><a  rel="color"><img src="images/img4.jpg" alt="Trang sơn mài Việt Nam"/><span>Tranh sơn mài Việt Nam</span></a></li>
                        <li><a  rel="color"><img src="images/img5.jpg" alt="Trang sơn mài Việt Nam"/><span>Tranh sơn mài Việt Nam</span></a></li>
                    </ul>
                    <div class="phantrang"><img src="images/pt.jpg"/></div>
                </div><!--End .main_gallery-->
            </div><!--End .gallery-->
		</div><!--End #page-->
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				// We only want these styles applied when javascript is enabled
				$('div.navigation').css({'width' : '294px', 'float' : 'right'});
				$('div.content').css('display', 'block');

				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs ul.thumbs li').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});
				
				// Initialize Advanced Galleriffic Gallery
				var gallery = $('#thumbs').galleriffic({
					delay:                     2500,
					numThumbs:                 12,
					preloadAhead:              10,
					enableTopPager:            true,
					enableBottomPager:         true,
					maxPagesToShow:            7,
					imageContainerSel:         '#slideshow',
					controlsContainerSel:      '#controls',
					captionContainerSel:       '#caption',
					loadingContainerSel:       '#loading',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             false,
					autoStart:                 false,
					syncTransitions:           true,
					defaultTransitionDuration: 900,
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onPageTransitionOut:       function(callback) {
						this.fadeTo('fast', 0.0, callback);
					},
					onPageTransitionIn:        function() {
						this.fadeTo('fast', 1.0);
					}
				});
			});
		</script>
        </div><!--End #content-->
        <div id="footer">
            <p>Copyright © 2009 nguyenducdanart. All rights reserved</p>
            <p>Address: No. 24/32 Lane 239 Lac Long Quan road, Cau Giay Dist., Ha Noi - Vietnam</p>
            <p>Cell phone: (84) 988082447 | Email: info@nguyenducdanart.com</p>
        </div><!--End #footer-->
    </div><!--End #wrapper-->
</body>
</html>